body
  margin 0
  font-family 'Microsoft Yahei', sans-serif
  background #f1f4f9

.flatpickr-confirm
  outline none
  background rgb(79, 153, 255)
  color white
  border-bottom-left-radius 5px
  border-bottom-right-radius 5px
  path
    fill white!important

.selt
  border 1px solid  #c8ced9
  border-radius 3px
  height 22px
  vertical-align bottom
  outline none
  font-size 12px
  padding 0 5px
  color #696969

.m-dropdown
  position relative
  >.list
    display none
    line-height 40px
    color #5d6267
    padding 16px 0
    text-align center
    position absolute
    background white
    font-size 12px
    top 60px
    left 0
    right 0
    box-shadow 0 8px 14px rgba(0,0,0,.08)
    border-radius 4px
    z-index 10000
    >.item
      cursor pointer
      &.active
      &:hover
        color #4188d8
  >button
    border 0
    background transparent
    width 100%
    height 100%
    outline none
    cursor pointer
    text-align center
    font-size 0
    >.ico
    >.text
      display inline-block
      font-size 12px
    >.text
      white-space nowrap
  >button:focus + .list
    display block
  &.fixed>button>.text
    width 90px
    text-align left

.m-head
  height 79px
  background url(../image/basic-head-bg.png) no-repeat
  background-size cover
  background-position center
  padding 0 calc(50% - 639px)
  margin-bottom 20px
  display table
  table-layout fixed
  box-sizing border-box
  width 100%
  >div
    display table-cell
    vertical-align top
  >.logo
    padding-top 13px
    img
      margin-right 10px
      vertical-align middle
  >.search
    width 280px
    font-size 0
    padding-top 23px
    >.select
      width 87px
      height 34px
      background #f8fafc
      display inline-block
      vertical-align top
      border-top-left-radius 4px
      border-bottom-left-radius 4px
      >button>.ico
        margin-right 10px
      >button>.text
        width 36px
      >.list
        top 39px
    [type=text]
      border 0
      height 34px
      display inline-block
      width 155px
      box-sizing border-box
      outline none
      padding 0
      vertical-align top
      border-left 1px solid #e5e7e8
      padding-left 10px
      &::-webkit-input-placeholder
        font-size 12px
        color #b9bec1
    .searchbtn
      height 34px
      width 38px
      background white url(../image/basic-head-search.png) no-repeat
      background-position center
      display inline-block
      cursor pointer
      border-top-right-radius 4px
      border-bottom-right-radius 4px
  >.user
    width 245px
    font-size 0
    color white
    text-align right
    padding-top 28px
    >.welcome
      display inline-block
      font-size 14px
    >.menu
      display inline-block
      >button
        >.text
          color white
          font-size 14px
          margin-right 10px
        >.ico
          vertical-align 2px
      >.list
        top 26px

.m-lnav
  width 211px
  padding-top 18px
  box-shadow 0 1px 3px rgba(0,0,0,.1)
  background white
  height 690px
  position absolute
  left calc(50% - 639px)
  margin-bottom 18px
  >.item
    height 37px
    margin-bottom 20px
    border-left 4px solid transparent
    padding-left 44px
    color #2c2f32
    font-size 16px
    padding-top 10px
    box-sizing border-box
    cursor pointer
    display block
    &.active
      color #4188d8
      border-left-color #4188d8
    >.icon
      width 16px
      height 16px
      margin-right 10px
      float left
    for s in yhsy czrz yhlb qbgl qbk qbsp bgtj dpgl 
      >.icon.{s}
        background 'url(../image/basic-lnav-%s.png)' % s
        ^[-1].active ^[-1..-1]
          background 'url(../image/basic-lnav-%s-o.png)' % s
    >.text
      float left
      line-height 16px
    &:after
      content '>'
      float right
      line-height 14px
      font-family Consolas, sans-serif
      margin-right 20px
    &.expand:after
      transform rotate(90deg)
  >.list
    display none
    margin-bottom 18px
    >.item
      display block
      text-decoration none
      color #98a0a9
      font-size 14px
      line-height 37px
      padding-left 74px
      &.active
        color #41454b
        background #e7f1fb
  >.item.expand + .list
    display block

.m-cont
  position absolute
  width 1048px
  right calc(50% - 639px)

.m-subnav
  background white
  box-shadow 0 1px 3px rgba(0,0,0,.1)
  margin-bottom 10px
  height 42px
  padding-left 35px
  font-size 0
  >.item
    padding 0 7px
    line-height 42px
    height 40px
    color #696969
    font-size 14px
    display inline-block
    cursor pointer
    margin-right 32px
    text-decoration none
    &.active
    &:hover
      border-bottom 2px solid #4188d8
      color #4188d8

.m-subcont
  background white
  box-shadow 0 1px 3px rgba(0,0,0,.1)
  color #696969
  font-size 12px
  margin-bottom 41px
  >.dir
    height 50px
    line-height 50px
    border-bottom 1px solid #c9cfd5
    padding-left 42px
    margin-bottom 18px

.m-cb
  display inline-block
  cursor pointer
  font-size 0
  user-select none
  >input
    display none
  >div
    font-size 12px
    display inline-block
    vertical-align middle
  >.img
    width 17px
    height 17px
    background url(../image/basic-check-o.png)
    margin-right 10px
  >input:checked ~ .img
    background url(../image/basic-check.png)

.m-filter
  margin 0 34px 6px
  border 1px solid #c9cfd5
  >.head
  >.body
    height 52px
    padding 14px 42px 14px 10px
    box-sizing border-box
  >.head
    border-bottom @border
    line-height 23px
    >.left
    >.right
      font-size 0
      .btn
        font-size 12px
        display inline-block
    >.left
      float left
      .btn
        margin-left 15px
        vertical-align bottom
        cursor pointer
        border 1px solid #c8ced9
        border-radius 2px
        padding 0 5px
        &:hover
          color #4188d8
      .yp
        position relative
        font-size 12px
        ul 
          list-style none
          margin 0
          padding 0
          display none
          position absolute
          top 24px
          background #ffffff
          width 58px
          left -1px
          text-align center
          border 1px solid #c8ced9
          li
            line-height 22px
            border-bottom 1px solid #c8ced9
            &:hover
              background #E5E5E5
      .yp:hover
        color #696969
        cursor Auto
        ul
          display block
          cursor pointer

      .select
        width: 80px
        height 24px
        display inline-block
        vertical-align bottom
        margin-left 15px
        border 1px solid #c8ced9
        border-radius 3px
        outline none
        font-size 12px
    >.right
      float right
      >div
        margin-left 10px
      .btn
        min-width 78px
        border 1px solid #4188d8
        background transparent
        border-radius 3px
        height 22px
        box-sizing border-box
        padding 0 10px
        vertical-align bottom
        color #4188d8
        line-height 20px
        text-align center
        cursor pointer
      .m-dropdown
        display inline-block
        vertical-align bottom
        >button>.ico
          margin-left 5px
          vertical-align 2px
        >.list
          top 28px
        .selt
          border-color #4188d8
          color #4188d8
    >.datebox
      display inline-block
      >div
      >input
        display inline-block
      >input
        border-radius 3px
        outline none
        border 1px solid #c8ced9
        height 24px
        padding 0 10px
        box-sizing border-box
        width 120px
        margin 0 6px
        color #a6abb3
        font-size 12px
      >.label
        margin-right 12px
      >.split
        height 1px
        width 20px
        background #c1c3c4
        vertical-align middle
        margin 0
      >.btn
        width 80px
        height 24px
        background #4188d8
        line-height @height
        border-radius 3px
        text-align center
        cursor pointer
        color #ffffff
        margin-left 12px
        border none
      >.btns
        float right
        border-radius 3px
        overflow hidden
        .btn
          float left
          width 60px
          height 24px
          line-height @height
          text-align center
          cursor pointer
          color #4188d8
          border 1px solid #4188d8
          &.active
            border 1px solid #4188d8
            background #4188d8
            color #ffffff
          &:first-child
            border-right 0
  >.borderb
    border-bottom none
    >.approval
      font-size 12px 
      >.body
        >.label
          margin-right 12px
          display inline-block
        >input
          border-radius 3px
          outline none
          border 1px solid #c8ced9
          height 24px
          padding 0 10px
          -webkit-box-sizing: border-box
          box-sizing border-box
          width 120px
          margin 0 6px
          color #a6abb3
          font-size 12px
          display inline-block
        >.split
          height 1px
          width 20px
          background #c1c3c4
          vertical-align middle
          display inline-block
          margin 0
        >.btn
          width 80px
          height 24px
          background #4188d8
          line-height @height
          border-radius 3px
          text-align center
          cursor pointer
          color #ffffff
          margin-left 12px
          border none
  >.body
    >div
    >input
      display inline-block
    >input
      border-radius 3px
      outline none
      border 1px solid #c8ced9
      height 24px
      padding 0 10px
      box-sizing border-box
      width 120px
      margin 0 6px
      color #a6abb3
      font-size 12px
    >.label
      margin-right 12px
    >.split
      height 1px
      width 20px
      background #c1c3c4
      vertical-align middle
      margin 0
    >.btn
      width 80px
      height 24px
      background #4188d8
      line-height @height
      border-radius 3px
      text-align center
      cursor pointer
      color #ffffff
      margin-left 12px
      border none
    >.btns
      float right
      border-radius 3px
      overflow hidden
      .btn
        float left
        width 60px
        height 24px
        line-height @height
        text-align center 
        cursor pointer
        color #4188d8
        border 1px solid #4188d8
        &.active
          border 1px solid #4188d8
          background #4188d8
          color #ffffff
        &:first-child
          border-right 0

        
.m-contlist
  >.item
    border-bottom 1px solid #dbe0e4
    padding 22px 34px 8px 34px
    &:last-child
      border-bottom 0
    >.head
      line-height 26px
      font-size 12px
      overflow hidden
      >.m-cb
        float left
        >.img
          vertical-align -8px
          margin-right 8px
      >.title
        color #323131
        font-size 16px
        float left
        width 820px
        overflow hidden
        text-overflow ellipsis
        white-space nowrap
        >a 
          text-decoration none
          color #323131
      >.time
        float right
        color #9a9a9a
    >.body
      color #777777
      line-height 22px
      height @line-height * 2
      overflow hidden
      padding-left 24px
    >.foot
      height 14px
      >.ask
        font-size 0
        float right
        >.btn
          display inline-block
          margin-left 21px
          cursor pointer
          >.ico
            height 12px
            width 12px
            margin-right 4px
            display inline-block
            vertical-align -1.4px
          >.text
            font-size 12px
            display inline-block
            color #999999
        >.btn.yes>.ico
          background url(../image/basic-ico-yes.png)
        >.btn.no>.ico
          background url(../image/basic-ico-rm.png)

.m-pagenums
  font-size 0
  margin-bottom 50px
  text-align center
  >.btn
  >.item
    width 30px
    height 30px
    background white
    color #505050
    border-radius 3px
    margin-right 10px
    font-size 14px
    display inline-block
    line-height @height
    cursor pointer
    transition all .3s ease
    &.active
    &:hover
      background #337fd5
      color white
  >.btn
    width 70px
  >.sum
  >.sumt
    height 30px
    line-height 30px
    display inline-block
    vertical-align top
    color #505050
    font-size 12px
  >.sumt
    min-width 60px
    span 
      color #337fd5
      text-decoration:underline
      text-align center
  >.t
    margin-left -28px  

.m-showbtn
  float right
  width 110px
  height 30px
  border 1px solid #d3d4d6
  border-radius 2px
  background white
  font-size 14px
  color #337fd5
  text-align center
  line-height @height
  cursor pointer

// 弹框
.bomb
  display none
  position fixed
  top 0
  bottom 0
  left 0
  right 0
  background rgba(0,0,0,0.4)
  >div
    position absolute
    top 50%
    left 50%
    margin-top -112.5px
    margin-left -210px
    width 420px
    height 225px
    background #fff
    border-radius 5px
    overflow hidden
    .title
      position relative
      height 50px
      line-height 50px
      border 1px solid #c8ced9
      padding 0 20px
      font-size 16px 
      color #696969
      i
        position absolute
        width 20px
        height 20px
        text-align center
        font-style  normal
        top 15px
        right 15px
        font-size 25px
        line-height 20px
        cursor pointer
    .body
      height 115px
      line-height 115px
      text-align center
      font-size 16px
      color #696969
    .btn
      padding 0 60px
      font-size 0
      div
        display inline-block
        width 140px
        height 36px
        line-height 36px
        box-sizing border-box
        text-align center
        font-size 14px
        overflow hidden
        border-radius 3px
        cursor pointer
        &.cancel
          border 1px solid #4188d8
          color #4188d8
          margin-right 18px
        &.success
          background #4188d8
          color #fff 
.bombmessage
  text-align center
  .ico
    width 55px
    height 55px
    display inline-block
    background url(../image/info.png) no-repeat center
    background-size contain
    margin-top 63px
    margin-bottom 25px
.mrt90
  margin-top 90px
//密码修改弹框
.bomp-password
  display none
  position fixed
  top 0
  bottom 0
  left 0
  right 0
  background rgba(0,0,0,0.4)
  >div.info
    height 395px
    margin-top -197.5px
    position absolute
    top 50%
    left 50%
    margin-left -210px
    width 420px
    background #fff
    border-radius 5px
    overflow hidden
    .title
      position relative
      height 50px
      line-height 50px
      border 1px solid #c8ced9
      padding 0 20px
      font-size 16px 
      color #696969
      font-size 14px
      i
        position absolute
        width 20px
        height 20px
        text-align center
        font-style  normal
        top 15px
        right 15px
        font-size 25px
        line-height 20px
        cursor pointer
    .body
      height 254px
      font-size 14px
      color #696969
      ul
        list-style none
        padding 0
        padding 0 20px
        li
          height 36px
          line-height 36px
          margin-bottom 30px
          label:nth-child(1)
            width 65px
            text-align right
            display inline-block
            margin-right 10px
          label:nth-child(2)
            color #909499
          input
            height 36px
            width 260px
            line-height 36px
            outline: none;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 10px;
            border-radius: 3px;
            border: 1px solid #c1c3c4;
            font-size: 12px;
            color: #909499
        li:nth-child(1)
          margin-bottom 17px
    .btn
      padding 0 60px
      font-size 0
      div
        display inline-block
        width 140px
        height 36px
        line-height 36px
        box-sizing border-box
        text-align center
        font-size 14px
        overflow hidden
        border-radius 3px
        cursor pointer
        &.cancel
          border 1px solid #4188d8
          color #4188d8
          margin-right 18px
        &.success
          background #4188d8
          color #fff
//导入弹框
.dh-panel
  position fixed
  left 0
  right 0
  top 0
  bottom 0
  background rgba(0,0,0,0.2)
  z-index 1112
  display none
  .contain
    position absolute
    width 420px
    height 230px
    left 50%
    top 150px
    margin-left -150px
    z-index 1113
    background #ffffff
    border-radius 4px
    .head
      position relative
      height 50px
      line-height 50px
      border-bottom 1px solid #c1c3c4
      padding 0 10px
      color #323131
      i.close
        cursor pointer
        position absolute
        top 0px
        right 10px
        font-size 22px
        font-style normal
    .body
      height 130px
      border-bottom 1px solid #c1c3c4
      input
        margin-top 15px
        margin-left 15px
        display block
      input:nth-child(2)
        width 120px
        height 36px
        line-height 36px
        box-sizing border-box
        outline none
        border none
        background #4188d8
        color #ffffff
        margin-left 140px
        margin-top 25px
        display inline-block
        cursor pointer
      a
        font-size 12px
        text-decoration none
        color #4188d8
        margin-left 5px
    .footer
      p
        text-align center
        color #dcdcdc
        font-size 12px
        line-height 30px
        margin 0
        

.login
  width 1294px
  height 744px
  background url(../image/dlbg.png) no-repeat
  background-size cover
  border-radius 5px
  position absolute
  left calc(50% - 647px)
  top calc(50% - 372px)
  >div
    position absolute
    left 140px
    top 148px
    width 368px
    .title
      font-size 32px
      color #417dd8
      height 32px
      line-height 32px
    input
      box-sizing border-box
      border-radius 3px
      border 1px solid #c1c3c4
      height 60px
      line-height 60px
      padding 0 10px
      color #525458
      font-size 16px
      background-size 13px 16px
    .admin
      margin-bottom 19px
      margin-top 50px
      input
        width 368px
        background url(../image/Profile.png) no-repeat left 15px center
        padding-left 40px
    .pass-word
      margin-bottom 19px
      input
        width 368px
        background url(../image/Lock.png) no-repeat left 15px center
        padding-left 40px
    .Vercode
      margin-bottom 10px
      label
        display inline-block
      label:nth-child(2)
        width 122px
        height 52px
        background url(../image/yzm.png) no-repeat
        background-size cover
        float right
        margin-top 4px 
      a
        float right
        text-decoration none
        color #417dd8
        font-size 13px
      input
        width 196px
        padding-left 20px
    .mind
      >label
        input[type="checkbox"]
          display none
        div
          display inline-block
          vertical-align middle
          color #b0b8c9
          font-size 13px
          margin-left 5px
        .img
          width 20px
          height 20px
          background: url(../image/basic-check-o.png) no-repeat
          background-size contain
        input[type="checkbox"]:checked ~ .img
          background: url(../image/dpgl-ztzs-check.png) no-repeat
    .btn 
      background #417dd8
      color #ffffff
      width 368px
      height 50px
      line-height 50px
      border-radius 4px
      text-align center
      margin-top 65px
      box-shadow  0px 2px 5px rgba(65,125,216,0.6)

.zt-title,.zt-info
  padding-left: 34px
  font-size 14px
  height 22px
  line-height 22px
  margin-bottom 15px
  transition height 1s
  label
    font-weight bold
    color #696969
  p
    display inline-block
    color #8e8e8e
    margin 0
    padding 0
    width 800px
    vertical-align top
    height 24px
    padding-left 5px
    transition height 1s
    overflow hidden
    text-overflow ellipsis
    white-space nowrap
  p.zt.active
    height 44px
    white-space normal
  a
    text-decoration none
    color #696969
    padding-left 15px
    padding-right 10px
    background: url(../image/Arrow.png) no-repeat right
.zt-info.active
  height 40px
.borderb
  border-bottom none
.edui-container
  display inline-block
  vertical-align top
.edui-dialog-container
  ul
    li
      font-size 12px !important
      margin-bottom 0 !important
.select2-container--default .select2-selection--single
  height 36px !important
  line-height 36px !important
.select2-container--default .select2-selection--single .select2-selection__rendered
  line-height 36px !important
.select2-container--default .select2-selection--single .select2-selection__arrow
  top 5px !important